var module=angular.module('bar', []);

module.component('bar', {
    template: `
        <div class="bar bar{{store.barIdx}}" ng-show="store.barShow">
            <ul>
                <li ng-repeat="tip in store.barTips" class="{{ ($index+1)==store.barIdx?'complete':'' }}">{{tip}}</li>
            </ul>
        </div>
    `,
    controller:function ($scope,$rootScope) {
        $scope.store=$rootScope.store
    }
});